<template>
  <div class="header-commonent content clearfix">
    <!--Right Box-->
    <div class="right-box">
      <!--USER TAB-->
      <div class="user-tabs clearfix">
        <div class="space"  style="float: inherit; width: 100%">
          <a href="./Space.html" target="_blank">
            <span class="txt">Space</span>
            <span class="icon">
                        <b class="xr"></b>
                        <b class="xr"></b>
                        <b class="xr"></b>
                    </span>
          </a>
          <!--<div class="hover-box">
              <ul>
                  <li>
                      <div class="gray-tips">
                          Recently visited
                      </div>
                  </li>
                  <li>
                      <a target="_blank" href="#">GUI Tribe Space</a>
                  </li>
                  <li>
                      <a target="_blank" href="#">Rocky Xiong's Space</a>
                  </li>
                  <li>
                      <a target="_blank" href="#">SYNNEX China Space</a>
                  </li>
                  <li>
                      <a target="_blank" href="#">Leo Huang's Space</a>
                  </li>
                  <li>
                      <a target="_blank" href="#">Alex Yuan's Space</a>
                  </li>
                  <li class="manager">
                      <a target="_blank" href="#">Manage Space</a>
                  </li>
              </ul>
          </div>-->
        </div>
        <!--<div class="user-box">
            <div class="name">
                Lucy Chen
            </div>
            <div class="avatar">
                <img src="../asset/images/home/ex/ex1.png" alt="">
            </div>

            <div class="hover-box">
                <h3 class="user-name">
                    Wendy Wang
                    <i class="fa fa-diamond" aria-hidden="true"></i>
                    <i class="fa fa-diamond" aria-hidden="true"></i>
                    <i class="fa fa-diamond" aria-hidden="true"></i>
                </h3>
                <div class="tabs-list clearfix">
                    <div class="clearfix">
                        <a target="_blank" href="#" class="tab-item">
                            <i class="fa fa-address-card-o" aria-hidden="true"></i>
                            Profile
                        </a>
                        <a target="_blank" href="#" class="tab-item">
                            <i class="fa fa-commenting-o" aria-hidden="true"></i>
                            Messages
                        </a>
                        <a target="_blank" href="#" class="tab-item">
                            <i class="fa fa-star adjust" aria-hidden="true"></i>
                            My
                            Favorites
                        </a>
                    </div>

                    <a target="_blank" href="#" class="tab-item">
                        <i class="fa fa-file-o" aria-hidden="true"></i>
                        My Space
                    </a>
                    <a target="_blank" href="#" class="tab-item">
                        <i class="fa fa-comments-o" aria-hidden="true"></i>
                        My ASK
                    </a>
                    <a target="_blank" href="#" class="tab-item">
                        <i class="fa fa-folder-o" aria-hidden="true"></i>
                        My Doc
                    </a>
                    <a target="_blank" href="#" class="tab-item">
                        <i class="fa fa-graduation-cap adjust" aria-hidden="true"></i>
                        My
                        eLearning
                    </a>
                    <a target="_blank" href="#" class="tab-item">
                        <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
                        Feedback
                    </a>
                    <a target="_blank" href="#" class="tab-item">
                        <i class="fa fa-question-circle" aria-hidden="true"></i>
                        Help
                    </a>
                    <a target="_blank" href="#" class="tab-item">
                        <i class="fa fa-clipboard" aria-hidden="true"></i>
                        Old KM
                    </a>
                    <a target="_blank" href="#" class="tab-item">
                        <i class="fa fa-cog" aria-hidden="true"></i>
                        Setting
                    </a>
                </div>
                <div class="change-region-box">
                    <h3>Change Region</h3>
                    <div class="clearfix">
                        <a href="#" class="focus">
                            <div>SYNNEX China</div>
                        </a>
                        <a href="#">
                            <div>SYNNEX NA</div>
                        </a>
                        <a href="#">
                            <div>SYNNEX SIS</div>
                        </a>
                        <a href="#">
                            <div>Hyve China</div>
                        </a>
                    </div>
                </div>
            </div>
        </div>-->
      </div>
      <!--USER TAB-->
    </div>
    <!--/Right Box-->

    <!--Main-->
    <div class="main-box">
      <!--Navigator-->
      <div class="header">
        <a href="./home.html" class="logo">
          <img src="../asset/images/home/KM%20Logo.png" alt="">
        </a>
        <div class="navigator">
          <a target="_blank" href="./home.html" class="active">
            <span class="cn">首页</span>
            <span class="en">Home</span>
          </a>
          <a target="_blank" href="http://kmcd.synnex.org/skm/index.php?c=sask">
            <span class="cn">提问</span>
            <span class="en">Ask</span>
          </a>
          <a target="_blank" href="http://kmcd.synnex.org/skm/index.php?c=sdoc">
            <span class="cn">文库</span>
            <span class="en">Doc</span>
          </a>
          <a target="_blank" href="http://kmcd.synnex.org/skm/index.php?c=learn">
            <span class="cn">在线课程</span>
            <span class="en">eLearning</span>
          </a>
          <a target="_blank" href="https://cnintranet.synnex.org/SNXCommunity/share/">
            <span class="cn">培训</span>
            <span class="en">Training</span>
          </a>
          <a href="./tools.html">
            <span class="cn">工具和表格</span>
            <span class="en">Tools & Forms</span>
          </a>
          <a href="./Policy.html">
            <span class="cn">政策制度</span>
            <span class="en">Policy</span>
          </a>
          <a href="./department-list.html">
            <span class="cn">部门</span>
            <span class="en">Department</span>
          </a>
        </div>

        <!--<div class="search-box">
            <input type="text" placeholder="Search">
            <a href="javascript:void(0)" class="fa fa-search" aria-hidden="true"></a>
        </div>-->
      </div>
      <!--/Navigator-->
    </div>
    <!--/Main-->
  </div>
</template>

<script>
  export default {
    name: 'km-header',
    data () {
      return {
        msg: 'Welcome to Your Vue.js App'
      }
  }
  }
</script>
